@import '../../assets/less/mixins';
.header {
  height: 80px;
  background: #fff;
  .header-top {
    .border-1px(bottom, #1da57a);
    .border-box();
    .fz(16px, 40px);
    height: 40px;
    text-align: right;
    padding-right: 30px;
    span {
      margin-right: 10px;
    }
  }
  .header-bottom {
    height: 40px;
    display: flex;
    align-items: center;
    .header-bottom-left {
      .fz(20px, 40px);
      width: 25%;
      text-align: center;
      position: relative;
      &::after {
        content: '';
        position: absolute;
        border-width: 20px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        top: 100%;
        right: 50%;
        transform: translateX(50%);
      }
    }
    .header-bottom-right {
      .fz(14px);
      width: 75%;
      text-align: right;
      margin-right: 30px;
      img {
        .size(30px, 20px);
        margin: 0 15px;
      }
    }
  }
}
